<template>
  <div class="product-relative">
    <row-image
      v-for="item in courses"
      :key="item.id"
      :title="item.title"
      :desc="item.type"
      :cover="item.cover"
      :star="Number(item.star)"
      :read="item.read"
    />
  </div>
</template>

<script>
import RowImage from '@/components/Product/RowImage'

export default {
  components: {
    RowImage
  },

  data() {
    return {
      courses: []
    }
  },

  mounted() {
    this.fetch()
  },

  methods: {
    fetch() {
      this.courses = [
        {
          id: 0,
          cover: '',
          title: '手把手教你改简历：基础篇',
          read: '3.8',
          star: '4',
          type: '就业 ｜ 应届',
          tags: ['特点标签', '标签', '6个字的标签']
        },
        {
          id: 1,
          cover: '',
          title: '职业规划初始课程',
          read: '3.8',
          star: '4',
          type: '就业 ｜ 应届',
          hot: true,
          tags: ['特点标签', '标签', '6个字的标签']
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.product-relative {
}
</style>
